<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title></title>
		<link rel="stylesheet" href="../css/common/mui.css" />
		<link rel="stylesheet" href="../css/common/common.css" />
		<link rel='stylesheet' href='../css/this/product.css' />
		<link rel="stylesheet" href="../layer/skin/layer.css" />
	</head>
	<body>
		<div class='search-list theFirst'>		
		</div>
		<script type='text/template' id='tpl-search-list'>
			<section class='bGWhite bB'>
				<div class='w86 pT8 pL13 pR13 pB8 dIB'>
					<input type="text" placeholder="大家正在搜 ： 商品" class='w bR5 pL8 lH26 fS12' id='search' style='border:1px solid #27292b'/>
				</div>
				<div class='w13  pT13 mB10 dIB search-btn'>
					<div class='pL10 lH18' style='border-left:1px solid #27292b'>
						<img src="../img/icon/search.png" class='search-icon' />
					</div>
				</div>
			</section>
			<section class='bGWhite reco'>
				<div class='lH54 title pL9 pR9'>
					<div class='search-title pT17 pB17 tC'>
						<i class='dIB pSR'></i>
						<h2 class='ls2 fWN fS18 pL10 pR10 dIB'>国家馆</h2>
						<i class='dIB pSR'></i>
					</div>
					<div class='nation-banner'>
						<img src="../img/index/china.jpg" width='100%'/>
					</div>
				</div>
				<section class='nation-list pL5 pR5 nation'>
					<div class='mui-row'>
						{{each guojia_list as list index}}
							{{if index <= 7}}
							<div class='mui-col-xs-6 pR4 pL4 pSR  mT8' data-name='{{list.catname}}' data-id='{{list.id}}'>
								<img src='../img/product/guojia.gif' data-echo="{{list.pic}}" width='100%' class='b'/>
								{{/*<div class='nation-title'>
									<p class='fS15 cBlack pB10'>Korea</p>
									<span class='fS15'>韩国</span>
								</div>*/}}
							</div>
							{{else}}
							<div class='mui-col-xs-6 pR4 pL4 pSR dN mT8' data-name='{{list.catname}}' data-id='{{list.id}}'>
								<img src='../img/product/guojia.gif' data-echo="{{list.pic}}" width='100%' class='b'/>
								{{/*<div class='nation-title'>
									<p class='fS15 cBlack pB10'>Korea</p>
									<span class='fS15'>韩国</span>
								</div>*/}}
							</div>
							{{/if}}
						{{/each}}
					</div>
					<div class='load-more pT13 pB3 tC'>
						<button class='fS12 cGrey'>点击加载更多选项</button>
					</div>
				</section>

				{{/*<!--品牌-->*/}}
				<section class=' bGWhite'>
					<div class='lH54 title pL9 pR9'>
						<div class='search-title pT17 pB17 tC'>
							<i class='dIB pSR'></i>
							<h2 class='ls2 fWN fS18 pL10 pR10 dIB'>品牌馆</h2>
							<i class='dIB pSR'></i>
						</div>
					</div>
					
					<section class='nation-list pL5 pR5 brand-list'>
						<div class='mui-row '>
						{{each brand_list as list index}}
							{{if index<=7}}
								<div class='mui-col-xs-6 pR4 pL4 pSR mT8' data-id='{{list.id}}'>
									<img src='../img/product/guojia.gif' data-echo="{{list.logo}}" width='100%'/>
									{{/*<div class='nation-title'>
											<p class='fS15 cBlack pB10'>Korea</p>
											<span class='fS15'>韩国</span>
										</div>*/}}
								</div>
							{{else}}
								<div class='mui-col-xs-6 pR4 pL4 pSR dN mT8' data-id='{{list.id}}'>
									<img src='../img/product/guojia.gif' data-echo="{{list.logo}}" width='100%' />
									{{/*<div class='nation-title'>
											<p class='fS15 cBlack pB10'>Korea</p>
											<span class='fS15'>韩国</span>
										</div>*/}}
								</div>
							{{/if}}
						{{/each}}
						</div>
						<div class='load-more pT13 pB3 tC'>
							<button class='fS12 cGrey'>点击加载更多选项</button>
						</div>
					</section>
				</section>
				{{/*<!--热销分类-->*/}}
				<section class='pL9 pR9 bGWhite'>
					<div class='lH54 title'>
						<div class='search-title pT17 pB17 tC'>
							<i class='dIB pSR'></i>
							<h2 class='ls2 fWN fS18 pL10 pR10 dIB'>热销分类</h2>
							<i class='dIB pSR'></i>
						</div>
					</div>
					
					<section class='nation-list classcify-list'>
						<div class='mui-row mT8'>
							<div class='mui-col-xs-6 pR4 pSR pB8' cat_id="1006">
								<img src="../img/index/home.png" width='100%' class='b'/>
							</div>
							<div class='mui-col-xs-6 pL4 pSR pB8'   cat_id="1005">
								<img src="../img/index/home.png" width='100%' class='b'/>
							</div>
							<div class='mui-col-xs-6 pR4 pSR pB8' cat_id="1007">
								<img src="../img/index/home.png" width='100%' class='b'/>
							</div>
							<div class='mui-col-xs-6 pL4 pSR pB8' cat_id="1009">
								<img src="../img/index/home.png" width='100%' class='b'/>
							</div>
						</div>
					</section>
				</section>
			</section>
			
		</script>
	</body>
	<script src='../js/common/jquery.min.js'></script>
	<script src='../layer/layer.js'></script>
	<script src="../js/common/template.js"></script>
	<script src='../js/common/api.js'></script>
	<script src='../js/common/loading.js'></script>
	<script src='../js/common/echo.min.js'></script>
	<script src="../js/common/app.js"></script> 
	<script src="../js/common/header.js"></script> 
	<script src='../js/common/footer.js'></script>
	<script src='../js/common/mui.min.js'></script>
	<script src='search.js'></script>
</html>
